<!DOCTYPE html>
<!--[if IE 9 ]><html class="ie9"><![endif]-->
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <meta name="format-detection" content="telephone=no">
    <meta charset="UTF-8">

    <meta name="description" content="Violate Responsive Admin Template">
    <meta name="keywords" content="Super Admin, Admin, Template, Bootstrap">

    <title>${title}后台管理系统</title>


    <!-- CSS -->
    <link href="${ctxPath}/static/css/blog/bootstrap.min.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/blog/animate.min.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/blog/font-awesome.min.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/blog/form.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/blog/calendar.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/blog/style.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/blog/icons.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/blog/lightbox.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/blog/media-player.css" rel="stylesheet">
    <link href="${ctxPath}/static/css/blog/generics.css" rel="stylesheet">

    <!-- Javascript Libraries -->
    <!-- jQuery -->
    <script src="${ctxPath}/static/js/blog/jquery.min.js"></script> <!-- jQuery Library -->
    <script src="${ctxPath}/static/js/blog/jquery-ui.min.js"></script> <!-- jQuery UI -->
    <script src="${ctxPath}/static/js/blog/jquery.easing.1.3.js"></script> <!-- jQuery Easing - Requirred for Lightbox + Pie Charts-->

    <!-- Bootstrap -->
    <script src="${ctxPath}/static/js/blog/bootstrap.min.js"></script>

    <!-- Media -->
    <script src="${ctxPath}/static/js/blog/media-player.min.js"></script> <!-- Video Player -->
    <script src="${ctxPath}/static/js/blog/pirobox.min.js"></script> <!-- Lightbox -->

    <!-- Charts -->
    <script src="${ctxPath}/static/js/blog/charts/jquery.flot.js"></script> <!-- Flot Main -->
    <script src="${ctxPath}/static/js/blog/charts/jquery.flot.time.js"></script> <!-- Flot sub -->
    <script src="${ctxPath}/static/js/blog/charts/jquery.flot.animator.min.js"></script> <!-- Flot sub -->
    <script src="${ctxPath}/static/js/blog/charts/jquery.flot.resize.min.js"></script> <!-- Flot sub - for repaint when resizing the screen -->

    <script src="${ctxPath}/static/js/blog/sparkline.min.js"></script> <!-- Sparkline - Tiny charts -->
    <script src="${ctxPath}/static/js/blog/easypiechart.js"></script> <!-- EasyPieChart - Animated Pie Charts -->
    <script src="${ctxPath}/static/js/blog/charts.js"></script> <!-- All the above chart related functions -->

    <!-- Map -->
    <script src="${ctxPath}/static/js/blog/maps/jvectormap.min.js"></script> <!-- jVectorMap main library -->
    <script src="${ctxPath}/static/js/blog/maps/usa.js"></script> <!-- USA Map for jVectorMap -->

    <!--  Form Related -->
    <script src="${ctxPath}/static/js/blog/icheck.js"></script> <!-- Custom Checkbox + Radio -->
    <script src="${ctxPath}/static/js/blog/validation/validate.min.js"></script> <!-- jQuery Form Validation Library -->
    <script src="${ctxPath}/static/js/blog/validation/validationEngine.min.js"></script> <!-- jQuery Form Validation Library - requirred with above js -->

    <!-- UX -->
    <script src="${ctxPath}/static/js/blog/scroll.min.js"></script> <!-- Custom Scrollbar -->

    <!-- Other -->
    <script src="${ctxPath}/static/js/blog/calendar.min.js"></script> <!-- Calendar -->
    <script src="${ctxPath}/static/js/blog/feeds.min.js"></script> <!-- News Feeds -->


    <!-- All JS functions -->
    <script src="${ctxPath}/static/js/blog/functions.js"></script>
</head>
<body id="skin-blur-violate" onload="window_onload();">
<header id="header" class="media">
    <a href="" id="menu-toggle"></a>
    <a class="logo pull-left" href="${ctxPath}/blog/index">${title}后台管理系统</a>

    <div class="media-body">
        <div class="media" id="top-menu">
            <!-- 邮件消息读取 -->
            <!--<div class="pull-left tm-icon">-->
                <!--<a data-drawer="messages" class="drawer-toggle" href="">-->
                    <!--<i class="sa-top-message"></i>-->
                    <!--<i class="n-count animated">5</i>-->
                    <!--<span>Messages</span>-->
                <!--</a>-->
            <!--</div>-->
            <!-- 邮件消息设置 -->
            <!--<div class="pull-left tm-icon">-->
                <!--<a data-drawer="notifications" class="drawer-toggle" href="">-->
                    <!--<i class="sa-top-updates"></i>-->
                    <!--<i class="n-count animated">9</i>-->
                    <!--<span>Updates</span>-->
                <!--</a>-->
            <!--</div>-->
            <div id="time" class="pull-right">
                <span id="hours"></span>
                :
                <span id="min"></span>
                :
                <span id="sec"></span>
            </div>

            <div class="media-body">
                <input type="text" class="main-search">
            </div>
        </div>
    </div>
</header>
